<#include "include/macro-head.ftl">
<!doctype html>
<html lang="en">
<head>
    <title>主页</title>
<@head></@head>
</head>
<body>
<#include "include/main-nav.ftl">
<div class="main-carousel">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div id="myCarousel" class="carousel slide">
                    <!-- 轮播（Carousel）指标 -->
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                    </ol>
                    <!-- 轮播（Carousel）项目 -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <img src="${server}/img/Home/pic_turn1.png" alt="1920*950">
                        </div>
                        <div class="item">
                            <img src="${server}/img/Home/pic_turn2.png" alt="Second slide">
                        </div>
                        <div class="item">
                            <img src="${server}/img/Home/pic_turn3.png" alt="Third slide">
                        </div>
                    </div>
                    <!-- 轮播（Carousel）导航 -->
                    <a class="carousel-control left" href="#myCarousel"
                       data-slide="prev"></a>
                    <a class="carousel-control right" href="#myCarousel"
                       data-slide="next"></a>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="${server}/js/jquery.min.js"></script>
<script src="${server}/js/bootstrap.min.js"></script>
</html>
